Penghuni sementara

Membuat Class di javascript

Posted on 23 Oktober 2013 Updated on 24 Oktober 2013

Setelah sempat jenuh dengan pemrograman web PHP, saya mencoba mereview ulang source code base system javascript sederhana yang dulu saya buat. akhirnya saya baru tahu cara menulis class di javascript.

1. Menggunakan function

function Apple (type) {
    this.type = type;
    this.color = "red";
    this.getInfo = getAppleInfo;
}

// anti-pattern! keep reading...
function getAppleInfo() {
    return this.color + ' ' + this.type + ' apple';
}

Untuk Membuat object bisa gunakan cara berikut

var apple = new Apple('macintosh');
apple.color = "reddish";
alert(apple.getInfo());

1.1 Method didefinisikan di dalam function

function Apple (type) {
    this.type = type;
    this.color = "red";
    this.getInfo = function() {
        return this.color + ' ' + this.type + ' apple';
    };
}

1.2 Method ditambahkan pada prototype

function Apple (type) {
    this.type = type;
    this.color = "red";
}

Apple.prototype.getInfo = function() {
    return this.color + ' ' + this.type + ' apple';
};

2. Menggunakan object literals

Literals merupakan cara singkat mendefinisikan object dan array pada JavaScript. untuk membuat object kosong bisa dengan cara: var o = {}; atau var o = new Object(); Untuk array: var a = []; atau var a = new Array();

var apple = {
    type: "macintosh",
    color: "red",
    getInfo: function () {
        return this.color + ' ' + this.type + ' apple';
    }
}

Pada cara yang ke 2 ini tidak perlu lagi membuat object dari class, akan tetapi caranya seperti dibawah ini:

apple.color = "reddish";
alert(apple.getInfo());

bukan dengan cara var apple = new apple();

2. Singleton menggunakan function

yang ini saya agak bingung penerapannya 😀

var apple = new function() {
    this.type = "macintosh";
    this.color = "red";
    this.getInfo = function () {
        return this.color + ' ' + this.type + ' apple';
    };
}

Penulisan code ini mirip dengan cara 1.1. diatas, tetapi cara menggunakan object mirip dengan cara 2.

apple.color = "reddish";
alert(apple.getInfo());